{% extends "base.html" %}

{% block main %}
<div class="wrapper">
    <script>
        $("#menu a[href='/']").css({"color":"#F16522"})
    </script>

    <div id="album" class="infoblk">
        <img id="curPic" src="/static/images/sample02.jpg"></img>
        <div class="imgctl">
            <span class="left"><a href="#" id="imgplayer-prev"></a></span>
            <span class="right"><a href="#" id="imgplayer-next"></a></span>
        </div>
        <div class="imgmask"></div>
        <div class="imgnav">
            <span id="imgTit" class="imgtit left"><a href="#">Image description </a></span>
            <span id="imgNav" class="imgdot right">
                <a href="#" index="0" id="nav0">1</a>
                <a href="#" index="1" id="nav1">2</a>
                <a href="#" index="2" id="nav2">3</a>
            </span>
        </div>
    </div>


    <div id="latest" class="infoblk">
        <span class="infotit" style="border-color:red;">小区动态</span>
        <ul>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg" style="max-width:210px;">7月份水电双方是否收到风哥哥哥哥费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">07/15</span>
            </li>
        </ul>

        <div id="scrollMsg">
            <ul>
                <li> <a href="#">金碧世纪暑期游泳培训班开始报名</a></li>
                <li> <a href="#">超市特惠周末活动</a> </li>
                <li> <a href="#">旁边乐购开张啦！！！！！！</a> </li>
                <li> <a href="#">免费提供搬家服务</a> </li>
                <li> <a href="#">广告位招租</a> </li>
            </ul>
        </div>					
    </div>				
</div>

<br class="clear" />		
<div class="wrapper">
    <div id="shops">
        <ul>
            <li><a href="#"><img src="/static/images/shop01.jpeg" title="description"/> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>

            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>

            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#"><img src="/static/images/shop01.jpeg" /> </a></li>
            <li><a href="#">商家入驻</a></li>
            <li><a href="#">商家入驻</a></li>
        </ul>
    </div>
</div>

<div class="wrapper">

    <div class="infoblk prop" style="height:380px; margin-left:0;">
        <span class="infotit" style="border-color:green;">邻居论坛</span>
        <ul>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
        </ul>
    </div>

    <div class="infoblk prop" style="height:500px;float:right;">
        <span class="infotit" style="border-color:yellow;">二手交易</span>
        <ul>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
        </ul>	
    </div>

    <div class="infoblk prop"  style="height:600px;">
        <span class="infotit" style="border-color:orange;">分类信息</span>
        <ul>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
            <li>
            <span class="tag">[物业通知]</span>
            <span class="msg">7月份水电费催收通知</span>
            <span class="date">7/15</span>
            </li>
        </ul>
    </div>
</div>
{% endblock %}
